<script type="text/javascript">
function processUpdateForm() {		
 	var checkResult = true;
 	var form = document.editUserForm;
	
 	if(form)
 	{	
 		form.actionForm.value = 'submit'; 	
	 	form.submit();
	 	
		return true;
 	}	
 	return false;
	}

</script> 
<div id="page-title">
	<h1 class="page-heading">User Settings Page</h1>
</div>

<div id="breadcrumb" class="transparent">
	<p>
		<img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/home.png"
			class="home" alt=""> <a href="<{$APPLICATION_URL}>">Home</a> / <a
			href="<{$APPLICATION_URL}>/Browse/MyAccount/index">Website Admin
			Panel</a> / <a href="<{$APPLICATION_URL}>/Browse/MyAccount/edit">User
			Settings</a>

</div>
<div id="main-content">
	<article id="main-article">
	<ul id="filtering-nav">
      					    <li><a href="<{$APPLICATION_URL}>/Browse/MyAccount/index" title="Slappit.com User Panel">Home</a></li>
        					<li><a href="<{$APPLICATION_URL}>/Browse/MyAccount/settings" title="Your website settings">Website Settings</a></li>
                            <li><a href="<{$APPLICATION_URL}>/Browse/MyAccount/edit" title="Your personal informaion settings">User Settings</a></li>
							<{if $isExpired}>
        					<li><a href="<{$APPLICATION_URL}>/Browse/Payment/index" title="Upgrade or downgrade your package">Upgrade/Downgrade Package</a></li>
							<{/if}>
        					<li><a href="<{$currentUser->getHomeUrl()}>" title="View your website">View Website Homepage</a></li>
	</ul>
					<{if $isDemoMode == true}>
					<p><h3 style="font-family:arial"><font color="red">THIS IS DEMO MODE. YOU CANNOT EDIT ANY INFORMATION HERE</font></h3><br/>
					</p>
					<{/if}>
	<form action="<{$APPLICATION_URL}>/Browse/MyAccount/edit" method="post"
		id="save-content" name="editUserForm">
		<ol class="forms">
			<li>
				<p>
					<small>(All fields are manditory)</small>
				</p></li>
			<li><label for="firstName">First Name</label> <input type="text"
				id="firstName" name="firstName" value="<{$firstName}>" style="width:25%;" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="lastName">Last Name</label><input type="text"
				id="lastName" name="lastName" value="<{$lastName}>" style="width:25%;" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="email">Email</label><input type="text"
				id="email" name="email" value="<{$email}>" style="width:25%;" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="birthday">D-O-B</label><input type="text"
				id="birthday" name="birthday" value="<{$birthday}>" style="width:15%;" <{if $isDemoMode == false}>class="date_input" <{else}> readonly="readonly" <{/if}>></li>
			<li><label for="hnumber">House Number</label><input type="text"
				id="hnumber" name="hnumber" value="<{$house}>" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="address">Address 1</label><input type="text"
				id="address" name="address" value="<{$address}>" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="town">Town</label><input type="text" id="town"
				name="town" value="<{$town}>" style="width:15%;" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="postcode">Postcode/Zipcode</label><input type="text"
				id="postcode" name="postcode" value="<{$zipCode}>" style="width:15%;" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="country">Country</label><input type="text"
				id="country" name="country" value="<{$country}>" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><label for="number">Phone Number</label><input type="text"
				id="number" name="number" value="<{$telephone}>" style="width:15%;" <{if $isDemoMode == true}>readonly="readonly"<{/if}>></li>
			<li><a id="submit-form" class="silver-button" onclick="return processUpdateForm();">Save</a></li>
			<input type="hidden" id="actionForm" name="actionForm" value=""/>
		</ol>		
	</form>
	<div id="service-page">
		<div class="clear"></div>
	</div>
	</article>
</div>
<div class="space transparent">
	<a href="#top" id="scroll-top"><img
		src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/top.png"
		alt=""> </a>
</div>
